// @import url(./colors.less);

// 复选框样式更改
.mixins_label {
  font-size: 14px;
  font-weight: 400;
  color: #d9e7ff !important;
  padding-left: 13px;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: @primary !important;
  border-color: @primary !important;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #d9e7ff;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: @primary !important;
}
.el-checkbox__inner {
  background-color: transparent !important;
  border: 1px solid border1 !important;
  &:hover {
    border: 1px solid @primary !important;
  }
}
// 复选框样式更改 over
.el-checkbox__label {
  .mixins_label;
}
// 单选框样式更改
.el-radio__input.is-checked .el-radio__inner {
  background-color: @primary !important;
  border-color: @primary !important;
}
.el-radio__input .el-radio__inner {
  &:hover {
    border-color: @primary !important;
  }
  &::after {
    width: 6px;
    height: 6px;
    background-color: #000;
  }
}
.el-radio__label {
  .mixins_label;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #d9e7ff !important;
}
// .el-radio-group {
//   display: flex;
//   align-items: center;
// }
// 单选框 over

// input 样式
.el-input__inner {
  line-height: 32px !important;
  background-color: transparent !important;
  color: #fff !important;
  border: solid 1px @border1 !important;
  border-radius: 0px !important;
}
// input 前缀icon
.el-input__prefix {
  left: 10px !important;
}
.el-input--prefix .el-input__inner {
  padding-left: 30px !important;
}
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
  border-color: @primary !important;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: @primary !important;
}
.el-input__inner:hover {
  border-color: @primary !important;
}
input::-webkit-input-placeholder {
  color: rgba(143, 171, 191, 1) !important;
}
// input over

// select 样式
.el-select .el-input__inner:focus {
  border-color: @primary !important;
}
// 多选选中样式
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  background-color: #38393f !important;
}
.el-select-dropdown {
  background-color: #2c2c2f !important;
  border: 0;
  padding: 0 5px;
}
.el-select-dropdown__item {
  transition: all 0.2s ease;
  color: white;
}
.el-select-dropdown__item.selected {
  color: @primary !important;
  font-weight: 700;
}
.el-select-dropdown__item.hover {
  background-color: rgba(106, 112, 124, 0.2) !important;
  border-radius: 5px;
}
.el-picker-panel.el-popper .popper__arrow,
.el-picker-panel.el-popper .popper__arrow::after {
  display: none;
}
// select end

// textarea 样式
textarea {
  background-color: transparent !important;
  border: 1px solid @border1!important;
  min-height: 80px;
  color: #fff !important;
  padding: 15px;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

textarea::-webkit-input-placeholder {
  color: #606266 !important;
  // line-height: 40px;
  // color: #fff;
}
textarea:focus {
  outline: none;
}
textarea:hover {
  border-color: @primary !important;
}
textarea:active {
  border-color: @primary !important;
}
// textarea end

// picker 日期选择 start
.el-picker-panel {
  background-color: #38393f;
  border: 0;
}
.el-range-input {
  color: #fff;
  background: transparent;
}
.el-date-range-picker__time-header {
  border-bottom: 1px solid rgba(108, 128, 151, 1);
}
.el-picker-panel__icon-btn:hover {
  color: @primary !important;
}
.el-date-picker__header-label {
  color: #8fabbf;
}
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
  color: @primary !important;
  background: #8fabbf;
}
.el-picker-panel__footer {
  display: flex;
  justify-content: flex-end;
  background: #232c36;
  border-top: 1px solid rgba(108, 128, 151, 1);

  .el-button--default {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px !important;
    background-color: transparent !important;
    color: #fff !important;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    border: 0 !important;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: background 0.3s ease;
    border-radius: 0px 0px 0px 0px !important;
    background-image: url('~@/assets/images/button/primary.png');
    // background: #309eff;
    border: none;
  }
  .el-button--default.active,
  .el-button--default:hover,
  .btn_primary:focus {
    background-image: url('~@/assets/images/button/primary_hover.png') !important;
    color: white !important;
  }
}
.el-picker-panel__body {
  .el-date-picker__time-header,
  .el-date-table th {
    border-bottom: solid 1px rgba(108, 128, 151, 1);
  }
  .el-date-table td.current:not(.disabled) span {
    background: rgba(48, 158, 255, 0.2);
    border: 1px solid #309eff;
    color: white !important;
  }
  .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: rgba(106, 112, 124, 0.3);
    color: #8fabbf;
  }
  .el-time-spinner__item.active:not(.disabled) {
    color: #8fabbf;
  }
  .el-time-panel__content.has-seconds::before,
  .el-time-panel__content.has-seconds::after {
    border-top: 1px solid rgba(108, 128, 151, 1);
    border-bottom: 1px solid rgba(108, 128, 151, 1);
  }
  .el-time-panel__footer {
    border-top: 1px solid rgba(108, 128, 151, 1);
  }
}
.el-month-table td .cell:hover {
  color: @primary !important;
}
.el-month-table td.current:not(.disabled) .cell {
  color: @primary !important;
}
.el-yea-table td .cell:hover {
  color: @primary !important;
}
.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
  color: @primary !important;
}
.el-date-table td span {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5%;
}
.el-date-table td.current:not(.disabled) span {
  color: #fff;
  background: rgba(255, 161, 63, 0.2);
  border: 1px solid @primary !important;
}
.el-date-table td.available:hover {
  color: @primary !important;
}
// 当前天
.el-date-table td.today span {
  color: #7a9171 !important;
  font-weight: 700;
}
.el-tree {
  background-color: transparent !important;
}
.el-tree-node.iscurrent {
  color: #309eff;
}
.el-tree-node__content:hover,
.el-upload-list__item:hover {
  background: rgba(48, 158, 255, 0.1) !important;
}
.el-tree-node__label {
  color: #fff;
}
.el-tree-node:focus > .el-tree-node__content {
  background: rgba(48, 158, 255, 0.1) !important;
  color: #309eff;
}
.el-date-editor--daterange .el-range-input {
  background-color: transparent !important;
  color: white;
}
/deep/ .el-date-editor .el-range__icon,
.el-date-editor .el-range__icon {
  line-height: 1 !important;
}
//中间那条杠
/deep/.el-date-editor .el-range-separator {
  color: #fff !important;
  line-height: 24px !important;
}
.el-date-editor.el-input {
  width: 100%;
}
// .el-popper 样式重置
.el-dropdown-menu {
  padding: 5px 0;
}
// 日历弹出层
.el-popper {
  background-color: #232c36 !important;
  border: none !important;
  .el-dropdown-menu__item {
    color: rgba(255, 255, 255, 1) !important; // 下拉菜单文字颜色
  }
  .popper__arrow::after {
    //箭头颜色
    border-bottom-color: rgba(3, 10, 28, 0.95) !important;
    border-top-color: rgba(3, 10, 28, 0.95) !important;
  }
  .el-dropdown-menu__item:not(.is-disabled):hover {
    //鼠标悬停样式
    background: rgba(143, 171, 191, 0.15);
    color: #fff;
  }
  .el-dropdown-menu__item:focus,
  .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: rgba(143, 171, 191, 0.15);
    color: #66b1ff;
  }
}
.el-picker-panel {
  color: #8fabbf;
}
.el-picker-panel__icon-btn {
  color: rgba(106, 112, 124, 0.5);
}
.el-picker-panel__icon-btn:hover {
  color: @primary;
}
.el-date-range-picker__content.is-left {
  border-right: none;
}
.el-date-table th {
  border-bottom: solid 1px #ebeef5;
}
.el-date-table td.end-date span,
.el-date-table td.start-date span {
  border: 1px solid #309eff;
  background: rgba(48, 158, 255, 0.2);
}
.el-date-table td.in-range div {
  background-color: transparent !important;
}
// 日历 over

// 弹出框样式
.el-dialog {
  width: 800px;
  height: 600px;
  background: url('~@/assets/images/dialog_images/m_dialogbg.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto !important;
}
.el-dialog__header {
  padding: 5px 5px !important;
  background: url('~@/assets/images/dialog_images/m_dialogbg.png');
  .el-dialog__title {
    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-left: 10px;
    color: rgba(169, 240, 255, 1);
  }
  .el-dialog__headerbtn {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0 !important;
    right: -5px !important;
    background: url('~@/assets/images/dialog_images/dialog_delect.png');
    background-repeat: no-repeat;
    background-position: 0% 0%;
    .el-dialog__close {
      font-size: 0;
    }
  }
}
.el-dialog__body {
  background-color: rgba(6, 11, 16, 0.3);
  padding: 0 40px !important;
  margin-top: 30px;
  height: 466px;
  overflow: auto;
  // background-image: url('@/assets/images/button/primary.png');
  // padding: 0;
}
.el-dialog__footer {
  .dialog-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    bottom: 28px;
    right: 28px;
  }
}
.large_dialog .el-dialog {
  width: 1200px;
  height: 860px;
  background: url('~@/assets/images/dialog_images/large.png');
  margin-bottom: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto !important;
}
.large_dialog .el-dialog .el-dialog__header {
  padding: 5px 5px !important;
  background: url('~@/assets/images/dialog_images/large.png');
  .el-dialog__headerbtn {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0 !important;
    right: -5px !important;
    background: url('~@/assets/images/dialog_images/dialog_delect.png');
    background-repeat: no-repeat;
    background-position: 0% 0%;
    .el-dialog__close {
      font-size: 0;
    }
  }
}
.large_dialog .el-dialog__body {
  height: 750px;
}
// 弹出框样式 over

// 分页样式修改
.el-pager li {
  background-color: transparent !important;
  border: 1px solid rgba(143, 171, 191, 0.3) !important;
  color: #8fabbf;
  margin: 0 5px;
}
.el-pager li:hover,
.el-pager li.active {
  background: rgba(48, 158, 255, 0.1) !important;
  border: 1px solid rgba(48, 158, 255, 0.8) !important;
  // margin: 0 5px;
  // box-shadow: inset 0px 0px 6px 0px rgba(48, 158, 255, 0.5);
}
.pagination_container {
  float: right;
  margin-top: 10px;
}
.el-pagination button {
  padding-right: 6px;
}
.el-pagination button:disabled {
  background-color: rgba(143, 171, 191, 0.3) !important;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid rgba(143, 171, 191, 0.3);
  color: rgba(143, 171, 191, 1);
}
.el-pagination .btn-next,
.el-pagination .btn-prev {
  border: 1px solid rgba(19, 21, 26, 1);
  border: 1px solid rgba(143, 171, 191, 0.3);
  background-color: transparent !important;
  padding: 0 6px !important;
}
.el-pagination button:hover {
  border: 1px solid rgba(48, 158, 255, 0.8) !important;
}
// 分页样式修改 over

// 表格样式
.el-table::before {
  height: 0px;
}
.el-table thead {
  color: #fff;
}
.el-table th.el-table__cell {
  background-color: #2e343c;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: #1e242c;
  color: #fff;
}
.el-table tr {
  color: #fff !important;
  background-color: #10151b;
}

.el-table__body tr.hover-row.current-row > td.el-table__cell,
.el-table__body
  tr.hover-row.el-table__row--striped.current-row
  > td.el-table__cell,
.el-table__body
  tr.hover-row.el-table__row--striped.selection-row
  > td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
.el-table__body tr.hover-row.selection-row > td.el-table__cell,
.el-table__body tr.hover-row > td.el-table__cell,
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: #333841 !important;
}
.el-table .el-table__cell {
  padding: 10px 0;
}
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border: none;
}
/deep/ .el-table,
.el-table__expanded-cell {
  color: #fff;
  background-color: transparent;
}
/deep/ .el-table__body tr,
/deep/ .el-table__body td {
  padding: 0;
  height: 54px;
}
/deep/ .el-table__body-wrappe {
  background: #063570;
}
// 表格斑马自定义颜色
/deep/ .el-table__row.warning-row {
  background: #063570;
}
// 表格滚动条样式
/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
  background-color: #063570;
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
  width: 0px;
  opacity: 0.5;
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: #0257aa;
}
// 修改表头样式-加边框
/deep/ .el-table__header-wrapper {
  border: 0px;
  // box-sizing: border-box;
}
.el-table__empty-block {
  background-color: rgba(16, 21, 27, 1) !important;
}
.el-table__fixed-right::before,
.el-table__fixed::before {
  background-color: transparent;
}
.el-table,
.el-table__expanded-cell {
  background-color: #10151b;
}
// 表格样式 over

// 消息框样式修改
.btn {
  background-color: transparent !important;
  background-image: url('~@/assets/images/button/cancel.png');
  font-weight: 400;
  font-size: 14px;
  border: 0 !important;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff !important;
  font-family: PingFang SC, PingFang SC;
}
.el-message-box {
  width: 350px;
  height: 200px;
  padding: 0px !important;
  border: none;
  background: url('~@/assets/images/message_box/mb.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  .el-message-box__header {
    height: 20px;
    padding: 6px 16px 13px !important;
    .el-message-box__title {
      span {
        font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: rgba(169, 240, 255, 1);
      }
    }
    .el-message-box__headerbtn {
      display: none;
    }
  }
  .el-message-box__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100% - 100px);
    padding: 5px 15px;
    color: #fff;
    .el-message-box__container {
      width: 100%;
      .el-message-box__message {
        width: 100%;
        p {
          width: 100%;
          text-align: left;
        }
      }
    }
    .el-message-box__input {
      width: 100%;
    }
  }
  .el-message-box__btns {
    display: flex;
    height: 32px !important;
    justify-content: flex-end;
    .el-button {
      .btn;
    }
    .el-button--primary {
      background-image: url('~@/assets/images/button/primary.png');
    }
  }
}
// 消息框样式修改 end

// 标签样式重置
.el-tag {
  background: rgba(143, 171, 191, 0.2) !important;
  border: none;
  .el-tag__close {
    background-color: transparent !important;
    width: 12px;
    height: 12px;
    color: #fff;
  }
}
// 标签样式重置 over

//下拉框样式 弹出框样式
.el-dropdown-menu.el-popper {
  background-color: rgba(3, 10, 28, 0.95) !important;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #159aff !important;
  box-shadow: inset 0px 0px 20px 0px rgba(21, 154, 255, 0.5);
  color: #ffffff;
  .popper__arrow::after {
    // border-bottom-color: rgba(3, 10, 28, 0.95) !important;
    border-bottom-color: rgba(3, 10, 28, 0.95) !important;
    border-top-color: #159aff !important;
  }
}
.el-popper[x-placement^='bottom'] .popper__arrow {
  border-style: solid;
  border-bottom-color: #159aff;
  box-shadow: inset 0px 0px 20px 0px rgba(21, 154, 255, 0.5);
}
.el-icon-arrow-down {
  font-size: 12px;
  color: rgba(191, 207, 235, 1);
}
//下拉框样式 弹出框样式 over

// form 表单样式
.el-form-item__label {
  color: #ffffff;
}
.flex .el-form-item__content {
  // display: block;\
  min-height: 32px !important;
  line-height: 32px !important;
}
// form 表单样式 over

// 数字框
.el-input {
  ::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
}
//解决光标上移
/deep/.el-input__inner {
  line-height: 1px !important;
}
.el-input-number.is-controls-right .el-input-number__increase,
.el-input-number.is-controls-right .el-input-number__decrease {
  background-color: #159aff !important;
  border-radius: 0px;
  border: none;
  border-right: none;
  color: #fff;
}
.el-input-number.is-controls-right .el-input-number__increase {
  border-bottom: 1px solid @border1;
}
.el-input-number__decrease,
.el-input-number__increase:hover {
  color: #fff;
}
.el-icon-arrow-down {
  color: #fff !important;
}
.el-input-number .el-input__inner {
  text-align: left;
}
.el-input-number__decrease,
.el-input-number__increase {
  background: @primary;
}
.el-input-number__decrease {
  border-right: none;
}
.el-input-number__increase {
  border-left: none;
}
// 数字框 over

// 图片上传
.el-upload--picture-card {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: transparent;
}
.el-upload-list__item {
  width: 80px !important;
  height: 80px !important;
  margin-right: 8px !important;
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  width: 80px !important;
  height: 80px !important;
  margin-right: 8px !important;
}
// 图片上传
// 详情页
.el-descriptions__body {
  color: @desLabelColor;
}
// 详情页 over

// 加载遮罩颜色
.el-loading-mask {
  background-color: #10151b !important;
}
// 加载遮罩颜色over

// 按钮
.el-button--primary.is-active,
.el-button--primary:active {
  background-color: none;
}
// 按钮 over

// 骨架栏
.el-skeleton__item {
  background-color: #10151b;
}
// 骨架栏over

// 复选框按钮
/deep/.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  height: 28px;
  background: rgba(48, 158, 255, 0.5);
  border: 1px solid rgba(48, 158, 255, 0.5);
  box-shadow: 0px 0 0 0 #409eff;
}
/deep/.el-checkbox-button--small .el-checkbox-button__inner {
  height: 28px;
  background: rgba(143, 171, 191, 0.1);
  border: 1px solid rgba(143, 171, 191, 0.1);
}
/deep/.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-radius: 0;
}
/deep/.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0;
}
/deep/.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 7px 15px;
}
/deep/.el-checkbox-button.is-checked .el-checkbox-button__inner {
  box-shadow: none;
}
// 复选框按钮over

// 单选框按钮
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #fff;
  background: rgba(48, 158, 255, 0.5);
  border: 1px solid rgba(48, 158, 255, 0.5);
  box-shadow: 0px 0 0 0 #409eff;
}
.el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid rgba(143, 171, 191, 0.1) !important;
  border-radius: 0;
}
.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0;
}
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: none;
}
// 单选框按钮over

// append 样式
.el-input-group__append button.el-button {
  background-color: @primary;
}
// append over

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
  color: #fff;
}

// 文件上传
.el-upload-dragger {
  background-color: transparent !important;
  border: 1px dashed @border1;
  width: 180px;
  height: 90px;
  line-height: 90px;
}
.el-upload-dragger .el-icon-upload {
  font-size: 32px;
  color: #c0c4cc;
  margin: 20px 0 16px;
}
.el-upload-list__item-name {
  color: #fff;
}
// 文件上传over
// 单选框按钮组
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #fff;
  background: rgba(48, 158, 255, 0.5);
  border: 1px solid rgba(48, 158, 255, 0.5);
  box-shadow: 0px 0 0 0 #409eff;
}
.el-radio-button--small .el-radio-button__inner {
  background: rgba(143, 171, 191, 0.1);
  border: 1px solid rgba(143, 171, 191, 0.1);
  padding: 5px 15px;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: 0;
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: none;
}
.el-radio-button {
  margin-right: 3px;
}
// 单选框按钮组 over
// 树形

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: rgba(48, 158, 255, 0.1) !important;
  color: @primary!important;
}
.el-tree-node__content:hover el-tree-node__content {
  background-color: rgba(48, 158, 255, 0.1) !important;
  color: @primary!important;
}
.el-tree-node__expand-icon {
  color: #fff;
}

// 树形 over

// Cascader 级联选择器
.el-cascader-node__label {
  color: white;
}
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background: transparent;
}
.el-cascader-node:not(.is-disabled):hover {
  background: rgba(106, 112, 124, 0.2) !important;
}
// Cascader 级联选择器 over
// 菜单
// .el-menu {
//   border: 0;
//   background: transparent;
//   .menuitem {
//     padding: 0;
//   }

//   .el-submenu__title {
//     // mix-width: 80px;
//     display: inline-block;
//     font-family: 'YouSheBiaoTiHei-2';
//     font-weight: 400;
//     font-size: 16px;
//     color: #bfcfeb;
//     line-height: 30px;
//     height: 30px;
//     &:hover {
//       background: none;
//     }
//     .menu {
//       width: 200px;
//     }
//   }
// }

// .el-submenu .el-menu-item {
//   min-width: 80px;
//   padding: 0 !important;
//   text-align: center;
// }

// .el-menu .el-menu--inline {
//   margin-top: 15px;
//   background-color: rgba(3, 10, 28, 0.95) !important;
//   border-radius: 0px 0px 0px 0px;
//   border: 1px solid #159aff !important;
//   box-shadow: inset 0px 0px 20px 0px rgba(21, 154, 255, 0.5);
//   color: #ffffff;
//   .el-menu-item {
//     color: rgba(255, 255, 255, 1) !important;
//     &:hover {
//       background-color: rgba(143, 171, 191, 0.15);
//       color: #66b1ff !important;
//     }
//   }
// }
